<!DOCTYPE html>
<html>
    
    <head>
        <title>PáginaInicio</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        
        <!-- Combo-handled YUI CSS files: reset,base,font,grids --> 
        <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/combo?2.9.0/build/reset-fonts-grids/reset-fonts-grids.css&2.9.0/build/base/base-min.css"> 
        
        <!-- diseño css "LoginDesign.css"-->   
        <link rel="stylesheet" href="../css/DiseñoPaginaInicio.css" type="text/css" 
              media="screen">
        
        <!-- archivo javaScrit -->   
        <script type="text/javascript" src="../js/PaginaPrincipalJS.js"></script>
        
        <!--Libreria modernizr utilizada en el documento css-->
        <script src="../../Complementos/modernizr.2.5.3.js"></script> 
        
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
        <script type="text/javascript">
                $(function() {
                if ($.browser.msie && $.browser.version.substr(0,1)<7)
                {
                        $('li').has('ul').mouseover(function(){
                                $(this).children('ul').show();
                                }).mouseout(function(){
                                $(this).children('ul').hide();
                                })
                }
                });
        </script>        
    </head>
    
    <body>
        <div id="cuerpo">
            <header>
                  <script>
                    $.ajax
                    ({
                        type: "POST",
                        url:"../../Servidor/Servidores.php",
                        async: true,
                        success: function(datos){
                        var dataJson = eval(datos);
                        console.log(dataJson);                                             
                        },error: function (obj, error, objError){
                        //avisar que ocurrió un error
                        }

                    });


                  </script>

                <div class="alert" id="bienvenida"><h6>bienvenido nombre</h6></div>
                <div id="logo">
                    <div id="imagenLogo"></div>
                </div>
                <figure id="cuadroTitulo"> 
                    <h1>TUTOR ADAPTATIVO INTELIGENTE</h1>
                </figure>
            </header>
        
            
                <nav>
                    <ul id="menu">
                        <li><a href="#">Inicio</a></li>
                        <li><a href="#">Ayuda</a>
                             <ul>
                                 <li>
                                    <a href="#">Enteros</a>
                                    <ul>
                                       <li><a href="#">Suma</a></li>
                                       <li><a href="#">Resta</a></li>
                                       <li><a href="#">Multiplicación</a></li>
                                       <li><a href="#">División</a></li>
                                    </ul>
                                 </li>
                                 <li>
                                    <a href="#">Fraccionarios</a>
                                    <ul>
                                       <li><a href="#">Suma</a></li>
                                       <li><a href="#">Resta</a></li>
                                       <li><a href="#">Multiplicación</a></li>
                                       <li><a href="#">División</a></li>
                                    </ul>
                                 </li>
                                 <li>
                                    <a href="#">Decimales</a>
                                    <ul>
                                        <li><a href="#">Suma</a></li>
                                        <li><a href="#">Resta</a></li>
                                        <li><a href="#">Multiplicación</a></li>
                                        <li><a href="#">División</a></li>
                                    </ul>
                                 </li>
                             </ul>
                        </li>
                        <li><a href="#">Perfil</a></li>
                    </ul>
                </nav>
                <div id="contenedorColumnas">
                         <table>
                            <tr><td><h2>INICIAR TEST</h2></td></tr>
                            <tr><td>
                                <table>
                                    <tr>
                                        <td>imagen pendiente</td>
                                        <td>imagen pendiente</td>
                                        <td>imagen pendiente</td>
                                    </tr>
                                    <tr>
                                        <td><input type="submit" class="boton" id="btnEnteros" value="Enteros"/></td>
                                        <td><input type="submit" class="boton" id="btnFraccionarios" value="Fraccionarios"/></td>
                                        <td><input type="submit" class="boton" id="btnDecimales" value="Decimales"/></td>
                                    </tr>
                                        
                                </table>    
                            </td></tr>
                            <tr><td><input type="submit" class="boton" id="btnSalir" value="Salir"/></td></tr>
                         </table>
                </div>
            
            <footer>
                <div id="pieDePagina">pie de pagina</div>
            </footer>
        </div>
    </body>
</html>
